<header class="aui-header-default aui-header-fixed ">
  <a href="javascript:history.go(-1)" class="aui-header-item">
    <i class="aui-icon aui-icon-back"></i>
  </a>
  <div class="aui-header-center aui-header-center-clear">
    <div class="aui-header-search-box">
      <i class="aui-icon aui-icon-small-search" onclick="search()"></i>
      <input id="keyword" type="text"  placeholder="" value="${keyword!''}" class="aui-header-search">
    </div>
  </div>
  <a href="#" class="aui-header-item-icon">
    <i class="aui-icon aui-icon-packet"></i>
    <i class="aui-icon aui-icon-member"></i>
  </a>
</header>

<script type="text/javascript">
  function getContextPath(){
    return "${request.contextPath}";
  }
  function search(){
    var keyword = $("#keyword").val();
    top.location.href = '${request.contextPath}/product/index?keyword='+keyword;
  }
</script>